<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no"/>
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>V网成员管理</title>
  <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
  <style type="text/css">
    hr{
      margin: 1rem 0;
    }
    /*.accordion-content-style{
      height:30rem;
      overflow-y:auto;
    }*/
    .right-style{
      margin-right:0;
      padding-right:0
    }
    .left-style{
      margin-left:0;
      padding-left:0;
      color:#0e90d2;
    }
  </style>
</head>
<body>

  <!--选项卡（tabs）begin-->
  <div data-am-widget="tabs" class="am-tabs am-tabs-default am-text-sm am-padding-vertical" id="mytabs" style="margin:0">
    <ul class="am-tabs-nav am-cf">
      <li class="am-active">
        <a href="#add">添加成员</a>
      </li>
      <li class="">
        <a href="#del">删除成员</a>
      </li>
    </ul>

    <div class="am-tabs-bd"  style="overflow:hidden;">
      <div class="am-tab-panel am-active" style="padding:0;" id="add">

        <!--         <div class="am-g am-padding-sm" id="loadingbar-add">
        <div class="am-u-sm-12"> <i class="am-icon-spinner am-icon-spin" aria-hidden="true"></i>
          查询中……
        </div>
      </div>
      -->
      <div class=" am-list am-padding ">
        <div class="am-u-sm-12 am-padding-vertical-xs">
          V网编码：
          <span id="vCode"></span>
        </div>
        <div class="am-u-sm-12 am-padding-vertical-xs">
          <input id="phone" type="number" class="am-form-field" value="" placeholder="请输入用户手机号码"  />
        </div>

        <div class="am-u-sm-12 am-padding-vertical-xs">
          <input id="shortNum" type="number" class="am-form-field" value="" placeholder="请输入短号"  />
        </div>

        <div class="am-u-sm-12 am-padding-vertical-sm">
          <select class="am-form-field" id="fee" placeholder="请选择V网资费" data-am-selected="{btnWidth: '100%',dropUp: 1,maxHeight: 80,searchBox: 1}"></select>
        </div>

        <div class="am-u-sm-12 am-padding-vertical-xs">
          <button type="button"  class="am-btn am-btn-block  am-btn-primary" id="submit">添加</button>
        </div>
      </div>

    </div>

    <div class="am-tab-panel" style="padding:0;" id="del">

      <!--         <div class="am-g am-padding-sm" id="loadingbar-del">
      <div class="am-u-sm-12"> <i class="am-icon-spinner am-icon-spin" aria-hidden="true"></i>
        正在查询参加过的营销活动……
      </div>
    </div>
    -->
    <div class="am-g am-padding">
      <div class="am-u-lg-12">
        <div class="am-input-group">
          <input type="number" class="am-form-field" id="key" name="keyword" placeholder="请输入手机号码或短号">
          <span class="am-input-group-btn">
            <button class="am-btn am-btn-default am-btn-primary" type="button" id="search">
              <span class="am-icon-search"></span>
            </button>
          </span>
        </div>
      </div>
    </div>    
  </div>

</div>
</div>
<!--选项卡（tabs）end-->

<script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
<script type="text/javascript" src="../../../template/website/js/app.js"></script>
<script type="text/javascript" src="../../../template/website/js/goventerprise/esop/vnet.js"></script>
</body>
</html>